<div id="contenedor" class="container">  
    <div class="row-fluid">  
        <div  class="span4"> 
            <div id="calendario"> 
            </div>
        </div>
        <div id="panelEstatus" class="span8"> 
            <div id="tituloEstatus" class="row-fluid">
                Estatus:
            </div>
            <div class="row-fluid filaEstatus">
                <div class="span1"> 
                    <div class="bnoconfirmada well-small"> 
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="La reserva no ha sido confirmada por el huésped.">Provisional</a> </b>
                </div>

                <div class="span1"> 
                    <div class="bprovisional well-small"> 
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="No se ha registrado ningun pago en la reserva.">Sin pago</a> </b>
                </div>

                <div class="span1" >
                    <div  class="bparcial well-small"> 
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="Se ha realizado un abono al total de la cuenta.">Pago parcial</a></b>
                </div>

            </div>

            <div class="row-fluid filaEstatus">
                <div class="span1" > 
                    <div  class="bcompleto well-small"> 
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="La cuenta se pagó totalmente.">Pago completo</a></b>
                </div>
                <div class="span1"> 
                    <div  class="bentransaccion well-small">
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="Reservas creadas desde el motor de reservas, pero que se encuentran en el proceso de pago electrónico.">En transacción</a></b>
                </div>
                <div class="span1"> 
                    <div class="pmotor well-small">
                        S    
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="Las reservas con texto subrayado, son todas aquellas que han ingresado desde el motor de reservas.">Reserva online</a></b>
                </div>

            </div>


            <div class="row-fluid filaEstatus">
                <div class="span1"> 
                    <div  class="bfin well-small"> 
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="El hospedaje ha finalizado.">Hospedaje finalizado</a></b>
                </div>


                <div class="span1"> 
                    <div  class="bfincondeuda well-small"> 
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="El hospedaje ha finalizado, pero con deudas pendientes.">Finalizado con deuda</a></b>
                </div>



                <div class="span1"> 
                    <div  class="bbloqueado well-small"> 
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="Habitación o cama bloqueada">Bloqueado</a></b>
                </div>
            </div>
            <div class="row-fluid filaEstatus">

                <div class="span1"> 
                    <div  class="pCheck-in well-small"> 
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="Ya ha pasado la fecha de ingreso y no se ha realizado el Check-in.">Pendiente del check-in </a></b>
                </div>
                <div class="span1"> 
                    <div  class="Check-inR well-small">
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="EL Check-in se ha realizado correctamente.">Check-in realizado</a></b>
                </div>

                <div class="span1"> 
                    <div class="pCheck-out well-small">
                    </div>
                </div>
                <div class="span3"> 
                    <b><a href="#" class="tooltipEstatus" title="Ya ha pasado la fecha de salida  y no se ha realizado el Check-out.">Pendiente del check-out</a></b>
                </div>



            </div>
        </div>
    </div>
    <?php if ($dibujarCalnedario) { ?>
        <div id="opcionesCalendario" class="row-fluid">
            <div class="pull-left">Mostrar categorias: <select id="selectMostrarCategorias">
                    <option value="">Todas</option>
                    <?php
                    foreach ($categoriasCuartos as $categoriaCuarto) {
                        echo "<option value='{$categoriaCuarto->id_categoria}'>{$categoriaCuarto->nombre}</option>";
                    }
                    ?>
                </select></div>
            <a id="botonBuscarReservas" href="reservas" class="pull-right btn btn-success"><i class="icon-search icon-white"></i> Buscar Reservas</a>
            <button id="botonIrHoy"  class="pull-right btn <?php if (date("Y/m/d", strtotime('-2 day')) != $fechaCalendario) echo "btn-success"; ?> "<?php if (date("Y/m/d", strtotime('-2 day')) == $fechaCalendario) echo "disabled"; ?>>Inicio</button>
        </div>
        <div class="row-fluid"> 
            <div id="calendarioContenedor">
                <div id="fila1"></div>
                <div id="areaSelecionable"></div>
                <!--            <div id="areaCargando">
                                <div id="cargandoImg"></div>
                            </div>-->

            </div>
        </div>
    <?php } else { ?>
        <div class="alert alert-error">
            <center><span> <i>Para visuializar el calendario debes asignar <a href="tarifas">tarifas</a> a todas las habitaciones.</i></span> </center>
        </div>
    <?php } ?>
</div>  
<!-- Menú -->
<div class="navbar">
    <ul id="opcionesReserva" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
        <li id="nuevaReserva"><a id="abrirNuevaReserva" data-toggle="modal" >Nueva reserva</a></li>
        <li id="bloquearHabitacion"><a href="#modalBloquearHabitacion" data-toggle="modal" >Bloquear habitación</a></li>
        <li class="divider"></li>
        <li id="accionCancelarSeleccion"><a class="cursorPointer">Cancelar</a></li>
    </ul>
</div>
